<template>
    <Head></Head>
    
   <router-view v-slot="{ Component }">
  <transition name="slide">
    <component :is="Component" />
  </transition>
</router-view>
    <!-- <PrototyHome></PrototyHome> -->
</template>

<script>
import PrototyHome from './PrototyHome.vue'
import Head from '../../components/Head.vue'
export default {
name:"Prototy",
components:{
    Head,
    PrototyHome,
},
mounted(){
},
data(){
    return {
        drawer: true,
        direction: 'rtl',
      };
},
methods:{
}
}
</script>

<style lang="less" >
::-webkit-scrollbar {
  width: 3px; 
 
}
::-webkit-scrollbar-thumb {
  background-color:transparent;
  border-radius: 20px;
  height:3px;
}

.slide-enter-active,
.slide-leave-active {
  transition: all 0.75s ease-out;
}
 
 
.slide-enter-to {
  position: absolute;
  right: 0;
}
 
 
.slide-enter-from {
  position: absolute;
  right: -100%;
}
 
 
.slide-leave-to {
  position: absolute;
  left: -100%;
}
 
 
.slide-leave-from {
  position: absolute;
  left: 0;
}
</style>